<template>
  <div class="navbarBox">
    <NavBar title="宠物园" titerColor="#c97c44">
      <div class="navbar_right">
        <svg
          class="jingzhunsousuo_icon"
          aria-hidden="true"
          @click="onSearchPage"
        >
          <use xlink:href="#icon-jingzhunsousuo-o"></use>
        </svg>
      </div>
    </NavBar>
  </div>
</template>

<script>
import NavBar from "@/components/NavBar/NavBar";
import { useRouter } from "vue-router";
export default {
  name: "PetTableNavbar",
  components: { NavBar },
  setup() {
    const router = useRouter();
    const onSearchPage = () => {
      router.push("/useSearch");
    };
    return {
      onSearchPage,
    };
  },
};
</script>

<style scoped>
.navbarBox {
  width: 100%;
  height: 2.6rem;
}
.navbar_right {
  display: flex;
  align-items: center;
}
.jingzhunsousuo_icon {
  width: 1.8rem;
  height: 1.5rem;
  fill: currentColor;
  overflow: hidden;
}
</style>
